extends ../common/layout.pug

block body
  .m-qa
    include ../common/header.pug
    include ../common/banner.pug
    include ../common/nav.pug
    .banner.g-section
      img(src="../images/qa/banner.jpg", alt="")
    .g-search-wrap
      .search
        input(placeholder='请输入关键词')
        button.btn.is-primary 搜索
        i.iconfont.icon-search

    .tab.g-clearfix.g-border-b
      li(:class="{active: tab === 0}", @click="tab = 0") 问题回复
      li(:class="{active: tab === 1}", @click="tab = 1") 每日问题

    .question.g-section
      .g-table(v-show='tab === 0')
        table
          thead
            tr
              th 
              th 问题
              th.author-th 作者
              th
          tbody
            tr(@click="onClickTr(0)")
              td.icon-td
                .icon.question
                  img(src="../images/qa/question.png", alt="问题")
              td 
                p 每日问题每日问题每日问题每日问题每日问题每日问题每日问题每日问题每日问题每日问题，每日问题每日问题每日问题每日问题每日问题，每日问题每日问题每日问题每日问题每日问题每日问题，每日问题每日问题
                p.g-color-black 发表日期：2017年11月11日 11:11am
              td.g-text-center limi
              td.arrow-td
                .icon
                  img(src="../images/qa/arrow-down.png", alt="回复", v-if="selectedTrId === 0")
                  img(src="../images/qa/arrow-right.png", alt="回复", v-else)
            tr.reply-tr-title(v-show="selectedTrId === 0")
              td
              td 回复
              td 回复者
              td
            tr.reply-tr(v-show="selectedTrId === 0")
              td.icon-td
                .icon.reply
                  img(src="../images/qa/reply.png", alt="回复")
              td 
                p 我觉得应该多喝水
                p.g-color-black 回复时间：2017年11月11日 11:11am
              td.g-text-center 杨乃文
              td

            tr(@click="onClickTr(1)")
              td.icon-td
                .icon.question
                  img(src="../images/qa/question.png", alt="问题")
              td 
                p 每日问题每日问题每日问题每日问题每日问题每日问题每日问题每日问题每日问题每日问题，每日问题每日问题每日问题每日问题每日问题，每日问题每日问题每日问题每日问题每日问题每日问题，每日问题每日问题
                p.g-color-black 发表日期：2017年11月11日 11:11am
              td.g-text-center limi
              td.arrow-td
                .icon
                  img(src="../images/qa/arrow-down.png", alt="回复", v-if="selectedTrId === 1")
                  img(src="../images/qa/arrow-right.png", alt="回复", v-else)
            tr.reply-tr-title(v-show="selectedTrId === 1")
              td
              td 回复
              td 回复者
              td
            tr.reply-tr(v-show="selectedTrId === 1")
              td.icon-td
                .icon.reply
                  img(src="../images/qa/reply.png", alt="回复")
              td 
                p 我觉得应该多喝水
                p.g-color-black 回复时间：2017年11月11日 11:11am
              td.g-text-center 杨乃文
              td

      .daily-qa.g-border-b(v-show='tab === 1')
        // 限额已满
        .disable-submit(v-show='false')
          img(src="../images/common/red-question.png", alt="")
          .text 今天提交10条问题限额已满
        // 限额未满
        .can-submit(v-show='true')
          .title.g-border-b
            p 每人每天只能提交2条问题
            p 
              span 提交问题时间
              span.g-color-red 10:00am 至 7:00pm
          form
            label 请输入问题：
            textarea
            .btns.g-text-right
              button.btn.is-grey.is-md 重置
              button.btn.is-primary.is-md 提交
          .tip
            ul
              li 每天回答题目限额10条，以先到先得为准
              li 额满即止

    .pagination
      .g-pagination
        ul
          a.active 1
          a 2
          a 3
          a 4
          a 5
          a 6
          a.next >


    
      
block script
  include ../common/script.pug
  script(src="../js/qa.js", type="text/javascript")


      